<template>
    <div class="box">
        <h1 class="msg">Hello {{msg}}</h1>
        <div>This is a template page</div>
    </div>
</template>

<script>
    export default {
      name: 'app',
      data () {
        return {
          msg: 'Maram Lee'
        }
      }
    }
</script>

<style lang="stylus" scoped>
    @import "~css/varibles.styl"
    body
        .box
            text-align center
            padding-top 2rem
            .msg
                color mainColor
                font-size .5rem
                padding 1rem
</style>
